<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主要内容区main</title>
<link href="../../../css/css.css" type="text/css" rel="stylesheet" />
<link href="../../../css/main.css" type="text/css" rel="stylesheet" />
<link rel="shortcut icon" href="images/main/favicon.ico" />
<style>
body{overflow-x:hidden; background:#f2f0f5; padding:15px 0px 10px 5px;}
#searchmain{ font-size:12px;}
#search{ font-size:12px; background:#548fc9; margin:10px 10px 0 0; display:inline; width:100%; color:#FFF}
#search form span{height:40px; line-height:40px; padding:0 0px 0 10px; float:left;}
#search form input.text-word{height:24px; line-height:24px; width:180px; margin:8px 0 6px 0; padding:0 0px 0 10px; float:left; border:1px solid #FFF;}
#search form input.text-but{height:24px; line-height:24px; width:55px; background:url(../../../Images/main/list_input.jpg) no-repeat left top; border:none; cursor:pointer; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666; float:left; margin:8px 0 0 6px; display:inline;}
#search a.add{ background:url(../../../Images/main/add.jpg) no-repeat 0px 6px; padding:0 10px 0 26px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF}
#search a:hover.add{ text-decoration:underline; color:#d2e9ff;}
#main-tab{ border:1px solid #eaeaea; background:#FFF; font-size:12px;}
#main-tab th{ font-size:12px; background:url(../../../Images/main/list_bg.jpg) repeat-x; height:32px; line-height:32px;}
#main-tab td{ font-size:12px; line-height:40px;}
#main-tab td a{ font-size:12px; color:#548fc9;}
#main-tab td a:hover{color:#565656; text-decoration:underline;}
.bordertop{ border-top:1px solid #ebebeb}
.borderright{ border-right:1px solid #ebebeb}
.borderbottom{ border-bottom:1px solid #ebebeb}
.borderleft{ border-left:1px solid #ebebeb}
.gray{ color:#dbdbdb;}
td.fenye{ padding:10px 0 0 0; text-align:right;}
.bggray{ background:#f9f9f9; font-size:14px; font-weight:bold; padding:10px 10px 10px 0; width:120px;}
.main-for{ padding:10px;}
.main-for input.text-word{ width:310px; height:36px; line-height:36px; border:#ebebeb 1px solid; background:#FFF; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; padding:0 10px;}
.main-for select{ width:310px; height:36px; line-height:36px; border:#ebebeb 1px solid; background:#FFF; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666;}
.main-for input.text-but{ width:100px; height:40px; line-height:30px; border: 1px solid #cdcdcd; background:#e6e6e6; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#969696; float:left; margin:0 10px 0 0; display:inline; cursor:pointer; font-size:14px; font-weight:bold;}
#addinfo a{ font-size:14px; font-weight:bold; background:url(../../../Images/main/replayblack.jpg) no-repeat 0 0px; padding:0px 0 0px 20px; line-height:45px;}
#addinfo a:hover{ background:url(../../../Images/main/replayblue.jpg) no-repeat 0 0px;}
</style>
<script src="../../../js/jquery.min.js"></script>
  <script>
      window.onload=function () {
          queryNotice();
      }

      function p(page) {
          if(page == 0){
              page = 1;
          }
          $("#pageNum").val(page);
          queryNotice()
      }

      function queryNotice() {
          $(".noticelabel").remove();
          $(".paginginfo").remove();
          $.ajax({
              url:"<%=request.getContextPath()%>/getNoticeList.html",
              method:"post",
              data:$("#noticeform").serialize(),
              success:function (result) {
                  var label = "";
                  $.each(result.list, function(i,item){
                      label += "<tr onMouseOut=\"this.style.backgroundColor='#ffffff'\" onMouseOver=\"this.style.backgroundColor='#edf5ff'\">\n" +
                          "          <td align=\"left\" valign=\"middle\" class=\"borderright borderbottom main-for noticelabel\">"+(i+1)+"</td>\n" +
                          "          <td align=\"left\" valign=\"middle\" class=\"borderright borderbottom main-for noticelabel\"><a href=\"<%=request.getContextPath()%>/toShowContent.html?id="+item.id+"\">"+item.title+"</a></td>\n" +
                          "          <td align=\"left\" valign=\"middle\" class=\"borderright borderbottom main-for noticelabel\">"+item.createDate+"</td>\n" +
                          "          <td align=\"left\" valign=\"middle\" class=\"borderright borderbottom main-for noticelabel\"><a href=\"<%=request.getContextPath()%>/to_updateNotice.html?id="+item.id+"\">修改</a>&nbsp;&nbsp;<a href=\"<%=request.getContextPath()%>/deleteNotice.html?id="+item.id+"\">删除</a></td>\n" +
                          "        </tr>";

                  });
                  $("#titles").after(label);
                  var up = "<a href=\"#\" class=\"add paginginfo\" onclick='p("+result.prePage+")'>上一页</a>\n" +
                      "            <span id=\"upPage\" class=\"gray paginginfo\">&nbsp;|&nbsp;</span>";
                  var down = "<a href=\"#\" class=\"add paginginfo\" onclick='p("+result.nextPage+")'>下一页</a>";
                  var pagN = "";
                  $.each(result.navigatepageNums,function (i,item) {
                      if(result.navigatepageNums.length-1 == i){
                          pagN += "<a href=\"#\" class=\"add paginginfo\" onclick=\"p('"+item+"')\">"+item+"</a>\n" +
                              "            <span class=\"gray num paginginfo\">&nbsp;|&nbsp;</span>";
                      }else{
                          pagN += "<a href=\"#\" class=\"add paginginfo\" onclick=\"p('"+item+"')\">"+item+"</a>\n" +
                              "            <span class=\"gray paginginfo\">&nbsp;|&nbsp;</span>";
                      }

                  })

                  $("#pageTd").append(up);
                  $("#upPage").after(pagN);
                  $(".num").after(down)
              },
              error:function () {
                  alert("error");
              }
          })
      }
  </script>
</head>
<body>
<!--main_top-->
<table width="99%" border="0" cellspacing="0" cellpadding="0" id="searchmain">
  <tr>
    <td colspan="2"  width="99%" align="left" valign="top">您的位置：楼宇管理员&nbsp;&nbsp;>&nbsp;&nbsp;楼宇管理员列表</td>
  </tr>
  <tr>
    <td colspan="2" align="left" valign="top" id="addinfo">
    <a href="javascript:history.go(-1)" target="mainFrame" onFocus="this.blur()" class="add">返回上一级</a>
    </td>
  </tr>
  <tr>
    <td align="left" valign="top">
      <form action="#" method="post" id="noticeform">
        <input type="hidden" id="pageNum" name="pageNum">
        标题：<input name="title" id="title" value="${param.title}">
        发布日期<<input type="date" id="createDate" name="createDate"value="${param.createDate}" />
        
        <input onclick="queryNotice()" type="button" value="查询" style="border: 1px solid black; width:70px;">
      </form>
    </td>
  </tr>
  <tr>
    <td align="left" valign="top">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" id="main-tab">
        <tr id="titles" onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
          <td align="left" valign="middle" class="borderright borderbottom main-for">序号</td>
          <td align="left" valign="middle" class="borderright borderbottom main-for">标题</td>
          <td align="left" valign="middle" class="borderright borderbottom main-for">发布日期</td>
          <td align="left" valign="middle" class="borderright borderbottom main-for">操作</td>
        </tr>

        <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
          <td align="right" valign="middle" class="borderright borderbottom bggray">&nbsp;</td>
          <td id="pageTd" align="left" valign="middle" class="borderright borderbottom main-for">

          </td>
        </tr>
      </table>
    </td>
    </tr>
</table>
</body>
</html>